<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>摆渡村-壁纸-首页</title>
    <link rel="stylesheet" th:href="@{/css/menu.css}">
    <link rel="stylesheet" th:href="@{/css/banner.css}">
    <script rel="script" th:src="@{/js/vue.js}"></script>
    <style>
        ::-webkit-scrollbar {display:none}
    </style>
</head>
<body>
<div id="app">

    <div class="nav">
        <div class="brand">
            <div class="brand-title">后台壁纸管理</div>
        </div>
        <div class="menu">
            <ul>
                <li><a th:href="@{/upload}">上传</a></li>
                <li><a th:href="@{/view}">壁纸</a></li>
                <li><a th:href="@{/type}">类型</a></li>
            </ul>
        </div>
        <div class="user">
            <div class="user-login">摆渡人</div>
        </div>
    </div>

    <div class="banner">
        <div class="row">
            <img th:src="@{/img/banner.png}" class="banner-image" alt="banner">
        </div>
        <a th:href="@{/login}" class="row" th:if="${!logged}">
            <img th:src="@{/img/add.png}" class="add-image" alt="banner">
        </a>
        <div class="row" th:if="${logged}" style="margin-top: 30px;">
            <span>什么是善良？一个人面对敌人，有能力伤害别人，而不愿意伤害，这就是善良。</span>
        </div>
    </div>
</div>
<script type="application/javascript">
    let vm = new Vue({
        el: '#app',
        data: {
            nav: {
                display: {
                    say: false,
                    add: true
                }
            }
        }
    });
</script>
</body>
</html>